/* 第一件事：1.通配选择器2.css编码集 */
@charset "utf-8";
/* 效果：所有的div画圆  300*300 文本垂直居中放大
        所有圆加不同颜色*/
		div{
			width: 300px;
			height: 300px;
			border: 1px solid red;
			border-radius: 50%;
			font-size: 10em;
			text-align: center;
			line-height: 300px;
			/* 浮动,靠右，内容数据颠倒过来 */
			float: right;
		}
		.d1{
			background-color: aliceblue;
		}
		.d2{
			background-color: #ff007f;
		}
		.d3{
			background-color: #55557f;
		}
		.d4{
			background-color:#00ffff;
			/* 清除浮动 */
			clear:both;
			margin-right: 75%;
			margin-top: -300%;
			
		}